<template>
  <section class="hbox stretch">
    <section>
      <section class="vbox">
        <!--中间内容  -->
        <musicContent></musicContent>
        <!--底部播放栏   S-->
        <footerPlay></footerPlay>
        <!--底部播放栏   E-->
      </section>
    </section>
    <!-- side content -->
    <rightBillboard></rightBillboard>
    <!-- / side content -->
  </section>
</template>

<script>
  import {mapActions, mapGetters} from 'Vuex'
  import leftNav from './leftNav.vue'
  import musicHeader from './musicHeader.vue'
  import rightBillboard from './rightBillboard.vue'
  import musicContent from './musicContent.vue'
  import footerPlay from '../player/footerPlay.vue'


  export default {
    components: {leftNav, musicHeader, rightBillboard, footerPlay, musicContent},
    data() {
      return {}
    },
//    mounted(){
//
//  this.$http.get('http://localhost:3000/top/playlist/highquality?limit=30' ).then(function (res) {
//  console.log(JSON.stringify(res))
//})
//
//    },
//    mounted() {
//      var vm=this;
//      vm.titlehidden();
////      滚动事件
//      var scrollFunc=function(e){
//        e=e || window.event;
//        if(e.wheelDelta){//IE/Opera/Chrome
//          if(e.wheelDelta==120){
//            //向上滚动事件
//            vm.titleshow();
//          }else{
//            vm.titlehidden();
//          }
//        }else if(e.detail){//Firefox
//          if(e.detail==-3) {
//            //向上滚动事件
//            vm.titleshow();
//          }else{
//            vm.titlehidden();
//          }
//        } //ScrollText(direct);
//      }
////      /*注册事件*/
//      if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false);}
//      window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
//    },
//    mounted() {
//      this.$store.commit('fetchData',{url: '/recommend/songs'})
//
//    },

    methods: {

    }

  }
</script>

<style scoped>

</style>
